var landid = $("#landid").val();
$.ajax({ //一个Ajax过程
    type: "post",  //以post方式与后台沟通
    url: "sy/jzny/jznylist?landid="+landid, //与此php页面沟通
    dataType: 'json',//从php返回的值以 JSON方式 解释
    success: function (json) {
        var jsonarray = $.parseJSON(json);
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        option = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                textStyle: {
                    color: 'white'
                },
                orient: 'vertical',
                x: '0%',
                top: '0%',
                itemHeight: 20,//图例的高度
                itemGap: 2,//图例之间的间距
                data: ['风速', '雨量', '空气湿度', '空气温度', '土壤湿度', '土壤温度', '光照强度', 'CO2浓度'],
            },
            grid: {
                x: '23%',
                x2: '10%',
                y: '8%',
                y2: '30%',
                borderWidth: 1
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: [],
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#fff'
                    }
                }
            },
            yAxis: {
                axisLabel: {
                    formatter: '{value}',
                    textStyle: {
                        color: '#fff'
                    }
                }
            },
            series: [
                {
                    name: '风速',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '雨量',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '空气湿度',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '空气温度',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '土壤温度',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '土壤湿度',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: '光照强度',
                    type: 'line',
                    stack: '总量',
                    data: []
                },
                {
                    name: 'CO2浓度',
                    type: 'line',
                    stack: '总量',
                    data: []
                }
            ]
        };
        $.each(jsonarray, function (index, item) {
            option.xAxis.data.push(item.time);
        });
        $.each(jsonarray, function (index, item) {
            option.series[0].data.push(item.windSpeed);
            option.series[1].data.push(item.rainfall);
            option.series[2].data.push(item.airHumidity);
            option.series[3].data.push(item.airTemperature);
            option.series[4].data.push(item.soilTemperature);
            option.series[5].data.push(item.soilMoisture);
            option.series[6].data.push(item.lightIntensity);
            option.series[7].data.push(item.cO2concentration);
        });
        myChart.setOption(option);
    }
});


// 使用刚指定的配置项和数据显示图表。

